import { Vdata, VpadLeft, ID, ChineseNumeral } from 'react-fule-ui';
const Variable = 'fl';
export const CssVar = `
~~~css
// 面板色使用: @include 函数名('去$的scss变量名')
// 例子1:@include themeBgcolor('themeBgcolor');
// 例子2: @include themeBorderColor('themeBorderColor');
// 例子3:@include themeContent('themeContent');
// 背景
@mixin themeBgcolor($color) {
  @include themeify {
    background-color: themed($color);
  }
}
// 边框
@mixin themeBorderColor($color) {
  @include themeify {
    border-color: themed($color);
  }
}
// 字体
@mixin themeTextColor($color) {
  @include themeify {
    color: themed($color);
  }
}
~~~`;

export const JsVariable = `
~~~js
import { Variable } from "../../components/Utility/Utility";
console.log( Variable )// 输出:${Variable}
~~~`;

export const JsVpadLeft = `
~~~js
import { VpadLeft } from "../../components/Utility/Utility";
VpadLeft(1) // 输出:${VpadLeft(1)}
VpadLeft(10) // 输出:${VpadLeft(10)}
VpadLeft(12) // 输出:${VpadLeft(12)}
~~~`;

export const JsVdata = `
~~~js
import { Vdata } from "../../components/Utility/Utility";
Vdata(2020,2026) //输出:[${Vdata(2020, 2026)}]
Vdata(2,6) // 输出:[${Vdata(2, 6)}]
~~~`;

export const JsID = `
~~~js
import { ID } from "../../components/Utility/Utility";
ID() // 默认输出9位数:${ID()}
ID(10) // 设置输出10位数:${ID(10)}
~~~`;

export const JsChineseNumeral = `
~~~js
import { ChineseNumeral } from "../../components/Utility/Utility";
ChineseNumeral(13) // 输出:${ChineseNumeral(13)}
{ChineseNumeral(13.0)} // 输出:${ChineseNumeral(13.0)}
{ChineseNumeral(0.10)} // 输出:${ChineseNumeral(0.1)}
~~~`;
